<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
	<link href="css/select2.min.css" rel="stylesheet" type="text/css" />
	<title>易幻後臺</title>
</head>
<body>
<div class="container-fluid">
    <div class="row-fluid">
		<h4 class="page-title">简历管理</h4>
	</div>
	<form class="form-horizontal" id="myform">
		<div class="form-group">
			<div class="col-sm-3">
				<input type="text" placeholder="姓名" title="姓名" name="name" class="form-control input-sm" />
			</div>
			<div class="col-sm-3">
				<input type="text" placeholder="学校" title="学校" name="schoolName" class="form-control input-sm" />
			</div>
			<div class="col-sm-3">
                <select name="inviteCode" class="select2_category" data-placeholder="是否内推">
                    <option value=""></option>
                    <option value="Y">是</option>
                    <option value="N">否</option>
                </select>
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-3">
				<input type="text" placeholder="职位" title="职位" name="position" class="form-control input-sm" />
			</div>
			<div class="col-sm-3">
                <select name="postType" class="select2_category" data-placeholder="请选择岗位类型">
                    <option value=""></option>
                    <option value="运营/市场类">运营/市场类</option>
                    <option value="开发/运维类">开发/运维类</option>
                    <option value="设计类">设计类</option>
                    <option value="职能类">职能类</option>
                </select>
			</div>
			<div class="col-sm-3">
                <select name="status" class="select2_category" data-placeholder="请选择处理结果">
                    <option value=""></option>
                    <option value="未处理">未处理</option>
                    <option value="通过">通过</option>
                    <option value="未通过">未通过</option>
                </select>
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-12">
				<button type="button" class="btn btn-primary btn-xs" onclick="search(this);">搜索<i class="fa fa-search"></i></button>
				<button type="button" class="btn btn-warning btn-xs" onclick="add(this);">添加<i class="fa fa-plus"></i></button>
				<button type="button" class="btn btn-success btn-xs" onclick="add(this);">修改<i class="fa fa-edit"></i></button>
				<button type="button" class="btn btn-danger btn-xs" onclick="javascript:;">删除<i class="fa fa-times"></i></button>
			</div>
		</div>
	</form>
	<div class="row-fluid">
		<table class="table table-condensed table-striped table-bordered table-hover table-full-width" style="margin:0px" id="sample_1">
			<thead>
				<tr>
					<th style="width:8px;"><input type="checkbox" class="group-checkable" id="checkbox-1" /></th>
					<th>明细</th>
					<th>ID</th>
					<th>姓名</th>
					<th>手机号码</th>
					<th>QQ邮箱</th>
					<th>学校名称</th>
					<th>学历</th>
					<th>职位名称</th>
					<th>内推码</th>
					<th>简历来源</th>
					<th>投递时间</th>
					<th>附件下载</th>
					<th>简历处理结果</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>
						<input type="checkbox" class="checkboxes" name="boxs" />
					</td>
					<td>明细</td>
					<td>1</td>
					<td>姓名</td>
					<td>手机号码</td>
					<td>QQ邮箱</td>
					<td>学校名称</td>
					<td>学历</td>
					<td>职位名称</td>
					<td>内推码</td>
					<td>简历来源</td>
					<td>投递时间</td>
					<td>附件下载</td>
					<td>简历处理结果</td>
				</tr>
				<tr>
					<td>
						<input type="checkbox" class="checkboxes" name="boxs" />
					</td>
					<td>明细</td>
					<td>2</td>
					<td>姓名</td>
					<td>手机号码</td>
					<td>QQ邮箱</td>
					<td>学校名称</td>
					<td>学历</td>
					<td>职位名称</td>
					<td>内推码</td>
					<td>简历来源</td>
					<td>投递时间</td>
					<td>附件下载</td>
					<td>简历处理结果</td>
				</tr>
				<tr>
					<td>
						<input type="checkbox" class="checkboxes" name="boxs" />
					</td>
					<td>明细</td>
					<td>3</td>
					<td>姓名</td>
					<td>手机号码</td>
					<td>QQ邮箱</td>
					<td>学校名称</td>
					<td>学历</td>
					<td>职位名称</td>
					<td>内推码</td>
					<td>简历来源</td>
					<td>投递时间</td>
					<td>附件下载</td>
					<td>简历处理结果</td>
				</tr>
				<tr>
					<td>
						<input type="checkbox" class="checkboxes" name="boxs" />
					</td>
					<td>明细</td>
					<td>4</td>
					<td>姓名</td>
					<td>手机号码</td>
					<td>QQ邮箱</td>
					<td>学校名称</td>
					<td>学历</td>
					<td>职位名称</td>
					<td>内推码</td>
					<td>简历来源</td>
					<td>投递时间</td>
					<td>附件下载</td>
					<td>简历处理结果</td>
				</tr>
				<tr>
					<td>
						<input type="checkbox" class="checkboxes" name="boxs" />
					</td>
					<td>明细</td>
					<td>5</td>
					<td>姓名</td>
					<td>手机号码</td>
					<td>QQ邮箱</td>
					<td>学校名称</td>
					<td>学历</td>
					<td>职位名称</td>
					<td>内推码</td>
					<td>简历来源</td>
					<td>投递时间</td>
					<td>附件下载</td>
					<td>简历处理结果</td>
				</tr>
				<tr>
					<td>
						<input type="checkbox" class="checkboxes" name="boxs" />
					</td>
					<td>明细</td>
					<td>6</td>
					<td>姓名</td>
					<td>手机号码</td>
					<td>QQ邮箱</td>
					<td>学校名称</td>
					<td>学历</td>
					<td>职位名称</td>
					<td>内推码</td>
					<td>简历来源</td>
					<td>投递时间</td>
					<td>附件下载</td>
					<td>简历处理结果</td>
				</tr>
				<tr>
					<td>
						<input type="checkbox" class="checkboxes" name="boxs" />
					</td>
					<td>明细</td>
					<td>7</td>
					<td>姓名</td>
					<td>手机号码</td>
					<td>QQ邮箱</td>
					<td>学校名称</td>
					<td>学历</td>
					<td>职位名称</td>
					<td>内推码</td>
					<td>简历来源</td>
					<td>投递时间</td>
					<td>附件下载</td>
					<td>简历处理结果</td>
				</tr>
				<tr>
					<td>
						<input type="checkbox" class="checkboxes" name="boxs" />
					</td>
					<td>明细</td>
					<td>8</td>
					<td>姓名</td>
					<td>手机号码</td>
					<td>QQ邮箱</td>
					<td>学校名称</td>
					<td>学历</td>
					<td>职位名称</td>
					<td>内推码</td>
					<td>简历来源</td>
					<td>投递时间</td>
					<td>附件下载</td>
					<td>简历处理结果</td>
				</tr>
				<tr>
					<td>
						<input type="checkbox" class="checkboxes" name="boxs" />
					</td>
					<td>明细</td>
					<td>9</td>
					<td>姓名</td>
					<td>手机号码</td>
					<td>QQ邮箱</td>
					<td>学校名称</td>
					<td>学历</td>
					<td>职位名称</td>
					<td>内推码</td>
					<td>简历来源</td>
					<td>投递时间</td>
					<td>附件下载</td>
					<td>简历处理结果</td>
				</tr>
				<tr>
					<td>
						<input type="checkbox" class="checkboxes" name="boxs" />
					</td>
					<td>明细</td>
					<td>10</td>
					<td>姓名</td>
					<td>手机号码</td>
					<td>QQ邮箱</td>
					<td>学校名称</td>
					<td>学历</td>
					<td>职位名称</td>
					<td>内推码</td>
					<td>简历来源</td>
					<td>投递时间</td>
					<td>附件下载</td>
					<td>简历处理结果</td>
				</tr>
			</tbody>
		</table>
	</div>
	<div class="row">
		<div class="col-md-12">
  			<ul id="pager"></ul>
  		</div>
  	</div>
 </div>
 
 <div id="modifyDiv" class="modal fade" tabindex="-1">
     <div class="modal-dialog" role="document" style="width:760px">
      	<div class="modal-content">
			<div class="modal-header">
				<h4><b>简历保存</b></h4>
			</div>
			<div class="modal-body">
				<form id="editfrom" class="form-horizontal">
					<div class="row-fluid">
						<div class="form-group">
							<label for="taskName" class="col-sm-2 control-label">姓名</label>
							<div class="col-sm-4">
								<input type="text" name="taskName" id="taskName" class="form-control input-sm">
							</div>
							<label for="activityStartTime" class="col-sm-2 control-label">手机号码</label>
							<div class="col-sm-4">
								<input type="text" name="activityStartTime" id="activityStartTime" class="form-control input-sm">
							</div>
						</div>
						<div class="form-group">
							<label for="taskName" class="col-sm-2 control-label">QQ邮箱</label>
							<div class="col-sm-4">
								<input type="text" name="taskName" id="taskName" class="form-control input-sm">
							</div>
							<label for="activityStartTime" class="col-sm-2 control-label">学校名称</label>
							<div class="col-sm-4">
								<input type="text" name="activityStartTime" id="activityStartTime" class="form-control input-sm">
							</div>
						</div>
						<div class="form-group">
							<label for="taskName" class="col-sm-2 control-label">学历</label>
							<div class="col-sm-4">
								<input type="text" name="taskName" id="taskName" class="form-control input-sm">
							</div>
							<label for="activityStartTime" class="col-sm-2 control-label">职位名称</label>
							<div class="col-sm-4">
								<input type="text" name="activityStartTime" id="activityStartTime" class="form-control input-sm">
							</div>
						</div>
						<div class="form-group">
							<label for="taskName" class="col-sm-2 control-label">内推码</label>
							<div class="col-sm-4">
								<input type="text" name="taskName" id="taskName" class="form-control input-sm">
							</div>
							<label for="activityStartTime" class="col-sm-2 control-label">简历来源</label>
							<div class="col-sm-4">
								<input type="text" name="activityStartTime" id="activityStartTime" class="form-control input-sm">
							</div>
						</div>
						<div class="form-group">
							<label for="taskName" class="col-sm-2 control-label">投递时间</label>
							<div class="col-sm-4">
								<input type="text" name="taskName" id="taskName" class="form-control input-sm" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})">
							</div>
							<label for="activityStartTime" class="col-sm-2 control-label">简历处理结果</label>
							<div class="col-sm-4">								
				                <select name="status" class="select2_category" data-placeholder="请选择处理结果">
				                    <option value=""></option>
				                    <option value="未处理">未处理</option>
				                    <option value="通过">通过</option>
				                    <option value="未通过">未通过</option>
				                </select>
							</div>
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" data-dismiss="modal" id="closePwd" class="btn btn-sm">取消</button>
				<button type="submit" value="提交" class="btn btn-primary btn-sm">提交</button>
			</div>
		</div>
	</div>
</div>
	
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.blockui.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrap-paginator.js"></script>
<script type="text/javascript" src="js/select2.min.js"></script>
<script type="text/javascript" src="js/My97DatePicker/WdatePicker.js"></script> 
<script type="text/javascript">	
	$(function() {
	    $('.select2_category').select2({
            placeholder: "Select an option",
            width: '100%',
            allowClear: true
        });
	});
	
	var options = {
		bootstrapMajorVersion : 3,
		currentPage : 1,
		numberOfPages : 5,
		totalPages : 10,
		size : "small"
	}
	$('#pager').bootstrapPaginator(options);
	
	function search(button) {
		$("body").block({
               message: '<img src="img/ajax-loading.gif" />',
               css: {
                   top: '10%',
                   border: 'none',
                   padding: '2px',
                   backgroundColor: 'none'
               },
               overlayCSS: {
                   backgroundColor: '#000',
                   opacity: 0.05,
                   cursor: 'wait'
               }
           });
		setTimeout("$('body').unblock()", 1000);
	}
    
	function add(button) {
		$("#modifyDiv").modal();
	}
</script>
</body>
</html>